3E Eğitim Platformu · Teslimat 3 — Bileşen Kataloğu · 1/5

Form elemanları

Standart: her form elemanı etiket + zorunluluk işareti + kontrol + yardım metni dörtlüsüyle gelir; hata mesajı yardım metninin yerini alır. Tokenlar · Veri · Grafik · Geri Bildirim · Navigasyon

Text input — 8 durum
DEFAULT
Firma unvanı *
Ticari unvan girin
Vergi levhasındaki unvan
HOVER
Firma unvanı *
Ticari unvan girin
border ink-400
FOCUS
Firma unvanı *
CEVA Lojistik
accent border + 3px tint ring
FILLED
Firma unvanı *
CEVA Lojistik A.Ş.
Vergi levhasındaki unvan
ERROR
Firma unvanı *
CV
Unvan en az 3 karakter olmalı
DISABLED
Firma unvanı *
Ticari unvan girin
cursor:not-allowed
READONLY
Firma unvanı
CEVA Lojistik A.Ş.
değer seçilebilir, düzenlenemez
LOADING
Firma unvanı *
CEVA Lojistik A.Ş.
doğrulanıyor (VKN sorgusu)
Textarea & number
İptal gerekçesi *
Eğitmen rahatsızlığı nedeniyle mücbir sebep iptali.
Katılımcı ve eğitmene iletilir52/500
Karakter sınırı yaklaşan
…listesi düzenlenip yeniden bakanlığa bildirilecektir. Katılımcılara SMS ile
488/500
Kontenjan *
− 25 +
Bakanlık asgarisi: 3
Para — sağa hizalı
₺ 48.750,00
binlik ayraç otomatik, kuruş zorunlu
Maskeli girişler
Cep telefonu *
+90(532) 481 26 90
+90(53_) ___ __ __
Maske: (5__) ___ __ __ — rakamlar yazıldıkça yerleşir; eksik maske = doğrulama hatası
E-posta *
elif.karaca@ceva.com.tr
Magic link bu adrese gönderilir
TCKN *
48291057316
11 hane, giriş sırasında açık
TCKN — maskeli gösterim
482•••••316Göster
liste/detay ekranlarında varsayılan; "Göster" audit loglanır
Şifre & OTP
Şifre *
••••••••Göster
Zayıf — en az 10 karakter, 1 rakam, 1 sembol
Güçlü şifre
••••••••••••••Gizle
Güçlü
OTP / Passcode — 6 hane
4 8
9 1 3
Kod hatalı — 2 deneme hakkı kaldı · Yeniden gönder (0:42)
Checkbox · Radio · Toggle
CHECKBOX
Boş
✓Seçili
−Kısmi (tümünü seç)
Devre dışı
Hata (KVKK onayı zorunlu)
RADIO
Boş
Seçili
Devre dışı
TOGGLE
İç onay akışı açık
Kapalı
Devre dışı
Radio card — eğitim türü seçimi *
Kurumsal
Tek firmaya özel; yalnız o firmanın katılımcıları
Açık
Bölgedeki tüm firmalara açık; bakanlık kişi sınırı
Çoklu kurumsal
Davet bazlı; seçilmiş firmalar (grup şirketi)
Seçim bileşenleri
Searchable select — açık
cev▲
CEVA Lojistik A.Ş. · Kocaeli
Cevahir Denizcilik Ltd. · İzmir
Ceyport Tekirdağ Liman · Tekirdağ
Sonuç yok + async
zxq
"zxq" için sonuç yok
Yeni firma kaydı için Firma Ekle
Multi-select — chip'li
Görev 4✕ Görev 8✕ Görev ara…
Tümünü seç (13)
✓Görev 4 — Yükleyen/paketleyen
Görev 9 — Gemi operasyonu
Cascade — il → ilçe
Kocaeli▼
İlçe seçin▼
İl seçilmeden ilçe devre dışıdır; il değişince ilçe sıfırlanır.
Tarih & saat — TR formatı
Date picker
28.07.2026
Time
09:00
Datetime
28.07.2026 · 09:00
Date-range — açık takvim
‹Temmuz 2026›
PtSaÇaPeCuCtPz
{{ d.n }}
28.07 – 30.07 · 3 günUygula
Dosya yükleme
Drag-drop alanı *
↑
Dosyaları sürükleyin veya seçin
PDF, JPG, PNG · dosya başına en fazla 10 MB · çoklu yükleme
Bırakın — 2 dosya eklenecek
Mobil varyant — kameradan çekim
Fotoğraf Çek
Galeriden Seç
Eğitmen fiş fotoğrafı ve imzalı yoklama çekiminde varsayılan
Yükleme durumları
PDF
imzali-yoklama-gorev8.pdf
4,2 MB · yükleniyor
%64
kimlik-on-yuz.jpg
Kimlik · 1,1 MB · 24.07.2026
İndirSil
ZIP
evraklar.zip
Desteklenmeyen tür — PDF, JPG, PNG kabul edilir
Kaldır
PDF
sgk-ise-giris.pdf
✓ Yüklendi · SGK İşe Giriş · 24.07.2026
Önizle
Rating & slider
Eğitmen değerlendirme (anket)
★★★★★
4/5 · dokunma hedefi yıldız başına 44px
İndirim oranı%12
0limit %15 — aşarsa onaya gider%25
Onay istenen buton deseni
Destructive aksiyon her zaman gerekçe modalı açar (bkz. Geri Bildirim).
Wizard / Stepper & form düzeni
Yatay — desktop (eğitim planlama sihirbazı)
✓Tür & kapsam
✓Tarih & yer
3Eğitmen
4Maliyet
5Özet
İki kolonlu form grid'i + bölüm başlığı (768px altında tek kolon)
KATILIMCI BİLGİLERİ
Ad soyad *
Murat Ergin
TCKN *
48291057316
Eğitim geçmişi *
İlk eğitim
Yenileme— mevcut sertifika yüklenir
3 ay kuralı: işe giriş 12.06.2026 — bu personelin 12.09.2026'ya kadar eğitim alması zorunludur.
Dikey — mobil
✓
Tür & kapsam
Kurumsal · IMDG Görev 8
2
Tarih & yer
devam ediyor
3
Eğitmen
Inline doğrulama düzeni: alan blur olduğunda doğrulanır; hatalar alan altında, submit'te ilk hataya scroll + üstte hata özeti listesi.